div.sp-categories {
  margin: 0; }
  div.sp-categories .content-box {
    position: relative; }
    div.sp-categories .content-box .image-cat {
      position: relative; }
      div.sp-categories .content-box .image-cat .viewmore {
        font-size: 10px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        line-height: 20px;
        padding: 0 10px;
        position: absolute;
        left: 20px;
        bottom: 35px; }
        div.sp-categories .content-box .image-cat .viewmore:hover {
          background: #444; }
    div.sp-categories .content-box h4.cat-title {
      position: absolute;
      bottom: 20px;
      left: 0px;
      right: 0px;
      margin: 0px;
      padding: 10px;
      text-align: center;
      background-color: rgba(255, 255, 255, 0.8);
      transition: all 0.3s ease; }
      div.sp-categories .content-box h4.cat-title a {
        font-size: 14px;
        font-weight: 400;
        color: #222;
        display: block;
        line-height: 20px; }
    div.sp-categories .content-box .child-cat {
      padding: 0; }
      div.sp-categories .content-box .child-cat .child-cat-title {
        padding: 0 10px; }
        div.sp-categories .content-box .child-cat .child-cat-title a {
          transition: 0.2s all ease 0s;
          position: relative;
          padding: 0 10px; }
          div.sp-categories .content-box .child-cat .child-cat-title a:before {
            content: "";
            display: block;
            height: 4px;
            width: 4px;
            background: #444;
            position: absolute;
            left: 0;
            top: 7px; }
    div.sp-categories .content-box:hover h4.cat-title {
      bottom: calc(50% - 20px);
      background-color: white; }
  div.sp-categories .owl-controls {
    position: absolute;
    top: -61px;
    right: 0px;
    border: 0px;
    border-radius: 0px;
    font-size: 0px; }
    .rtl div.sp-categories .owl-controls {
      right: auto;
      left: 0px;
      direction: ltr; }
    div.sp-categories .owl-controls .owl-nav > div {
      width: 36px;
      height: 36px;
      line-height: 32px;
      border-radius: 50%;
      background-color: white;
      color: #555;
      border: 1px solid #ddd;
      display: inline-block;
      vertical-align: middle;
      text-align: center; }
      div.sp-categories .owl-controls .owl-nav > div:before {
        content: "";
        font-family: "Fontawesome";
        font-size: 12px;
        display: inline-block;
        vertical-align: middle; }
    div.sp-categories .owl-controls .owl-nav .owl-prev {
      margin-right: 6px; }
      div.sp-categories .owl-controls .owl-nav .owl-prev:before {
        content: "\f060"; }
    div.sp-categories .owl-controls .owl-nav .owl-next:before {
      content: "\f061"; }
  .rtl div.sp-categories .owl-stage-outer {
    direction: ltr; }

@media (min-width: 992px) and (max-width: 1199px) {
  div.sp-categories .content-box .image-cat .viewmore {
    bottom: 25px;
    left: 17px; } }
@media (min-width: 767px) and (max-width: 991px) {
  div.sp-categories .content-box .image-cat .viewmore {
    bottom: 25px;
    left: 17px; } }
@media all and (max-width: 480px) {
  div.sp-categories .content-box {
    width: 100%; }
    div.sp-categories .content-box img {
      width: 100%; } }

/*# sourceMappingURL=sp-categories.css.map */